<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript">
			document.write('<script src="../../js/fix.js?rd=?rd=' + Math.random() + '"><\/script>');
		</script>
		<script type="text/javascript">
			link(['../../css/icons-extra.css','../../css/monitor/monitor.css']);
		</script>
		<style>
			.chart {
				height: 300px;
				margin: 0px;
				padding: 0px;
			}
			.topbar{ justify-content: flex-end; }
			#jumpToScane{ display: none; }
			.center-block {
				position: absolute;
				margin: auto;
				width: 150px;
				height: 25px;
				text-align: center;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				color: #fff;
			}
			</style>
	</head>

	<body>
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh">
			<div class="mui-scroll" id="toolList">
				<div class="topbar">
					<!-- <a class="mui-icon iconfont icon-danweiguanli" id="jumpToAll"><b>单位</b></a> -->
					<div class="pull-right">
						<!-- <span class="mui-icon iconfont icon-chagang" id="jumpToCheckup"><b>查岗</b></span> -->
						<span class="mui-icon mui-icon-extra mui-icon-extra-sweep mui-pull-right" id="jumpToScane"><b>扫码</b></span>
					</div>
				</div>
				<div class="chartbox">
					<div class="center-block">
						<span id="innerAllEquip" style="color: #9f3edd;padding-right: 5px;">0</span>|<span id="innerAllUnit" style="color: #01babc;padding-left: 5px;">0</span>
					</div>
					<div class="chart" id="pieChart"></div>
					<div class="left">
						<p>在线设备</p>
						<p><span id="onlineEquipNum">0</span> | <span id="allEquipNum">0</span></p>
					</div>
					<div class="right">
						<p>在线单位</p>
						<p><span id="onlineUnitNum">0</span> | <span id="allUnitNum">0</span></p>
					</div>
				</div>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse mui-active" id="list_wrap">
						
					</li>
				</ul>
			</div>
		</div>
		
		<script type="text/html" id="monitorUnit">
			<div class="mui-collapse-content mui-text-center">
				<span data-href="远程监控" data-num="{{fireUnitNum}}" data-type="1" class="unit-box">
					<span class="iconfont icon-xiaofangyuanchengjiankong"></span><br />
					{{if fireUnitNum > 0}}
					<em class="mui-badge mui-badge-danger">{{fireUnitNum}}</em>
					{{/if}}
					远程监控
				</span>
				<span data-href="智慧用水" data-num="{{faultUnitNum}}" class="unit-box" data-type="2">
					<span class="iconfont icon-yongshuiguanli"></span><br />
					{{if faultUnitNum > 0}}
					<em class="mui-badge mui-badge-danger">{{faultUnitNum}}</em>
					{{/if}}
					智慧用水
				</span>
				<span data-href="智慧用电" data-num="{{shieldUnitNum}}" class="unit-box" data-type="3">
					<span class="iconfont icon-yongdianliang"></span><br />
					{{if shieldUnitNum > 0}}
					<em class="mui-badge mui-badge-danger">{{shieldUnitNum}}</em>
					{{/if}}
					智慧用电
				</span>
				<span data-href="智能预警" data-num="{{superviseUnitNum}}" class="unit-box" data-type="4">
					<span class="iconfont icon-baojingxinxishujuweihu"></span><br />
					{{if superviseUnitNum > 0}}
					<em class="mui-badge mui-badge-danger">{{superviseUnitNum}}</em>
					{{/if}}
					智能预警
				</span>
				<span data-href="燃气监测" data-num="{{reportUnitNum}}" class="unit-box" data-type="5">
					<span class="iconfont icon-ranqifei"></span><br />
					{{if reportUnitNum > 0}}
					<em class="mui-badge mui-badge-danger">{{reportUnitNum}}</em>
					{{/if}}
					燃气监测
				</span>
				<span data-href="智能电桩" data-num="{{importUnitNum}}" class="unit-box" data-type="6">
					<span class="iconfont icon-cdz"></span><br />
					{{if importUnitNum > 0}}
					<em class="mui-badge mui-badge-danger">{{importUnitNum}}</em>
					{{/if}}
					智能电桩
				</span>
				<span data-href="智能疏散" data-num="{{officeUnitNum}}" class="unit-box" data-type="7">
					<span class="iconfont icon-shusanzhishi"></span><br />
					{{if officeUnitNum > 0}}
					<em class="mui-badge mui-badge-danger">{{officeUnitNum}}</em>
					{{/if}}
					智能疏散
				</span>
				<span data-href="视频监控" data-num="{{otherUnitNum}}" class="unit-box" data-type="8">
					<span class="iconfont icon-shipinjiankong"></span><br />
					{{if otherUnitNum > 0}}
					<em class="mui-badge mui-badge-danger">{{otherUnitNum}}</em>
					{{/if}}
					视频监控
				</span>
			</div>
		</script>
		<script type="text/javascript">
			//必须顺序加载
			script(['../../js/lib/echarts.min.js','../../js/monitor/monitor.js']);
		</script>
	</body>

</html>
